Page({
  data:{
    list:[
      {name:'C',active:true,src:'images/c.png'},
      {name:'D',active:false,src:'images/d.png'},
      {name:'E',active:false,src:'images/e.png'},
      {name:'F',active:false,src:'images/f.png'},
      {name:'G',active:false,src:'images/g.png'},
      {name:'A',active:false,src:'images/a.png'},
      {name:'B',active:false,src:'images/b.png'},
    ],
    src:'images/c.png'
  },
  c(){
    this.setData({
    btnc:true,
    btnd:false,
    btne:false,
    btnf:false,
    btng:false,
    btna:false,
    btnb:false,
    src:'images/c.png'
    })
  },
  d(){
    this.setData({
    btnc:false,
    btnd:true,
    btne:false,
    btnf:false,
    btng:false,
    btna:false,
    btnb:false,
    src:'images/d.png'
    })
  },
  e(){
    this.setData({
    btnc:false,
    btnd:false,
    btne:true,
    btnf:false,
    btng:false,
    btna:false,
    btnb:false,
    src:'images/e.png'
    })
  },
  f(){
    this.setData({
    btnc:false,
    btnd:false,
    btne:false,
    btnf:true,
    btng:false,
    btna:false,
    btnb:false,
    src:'images/f.png'
    })
  },
  g(){
    this.setData({
    btnc:false,
    btnd:false,
    btne:false,
    btnf:false,
    btng:true,
    btna:false,
    btnb:false,
    src:'images/g.png'
    })
  },
  a(){
    this.setData({
    btnc:false,
    btnd:false,
    btne:false,
    btnf:false,
    btng:false,
    btna:true,
    btnb:false,
    src:'images/a.png'
    })
  },
  b(){
    this.setData({
    btnc:false,
    btnd:false,
    btne:false,
    btnf:false,
    btng:false,
    btna:false,
    btnb:true,
    src:'images/b.png'
    })
  },
})